<template>
  <div class="layout">
    <Aside />
    <div class="content">
      <Header/>
      <Breadcrumb/>
      <div style="padding: 0 24px; overflow:auto;">
        <router-view/>
      </div>
    </div>
  </div>
</template>
<script>
import Aside from "./Aside";
import Breadcrumb from "./Breadcrumb";
import Header from "./Header";

export default {
  components: {
    Header,
    Breadcrumb,
    Aside,
  },
};
</script>
<style scoped>
.layout {
  width: 100%;
  height: 100vh;
  display: flex;
}

.content {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #f5f7fc;
}
</style>
